<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<script type="text/javascript" src="js/jquery-3.2.1.min.js" ></script>
	<script type="text/javascript" src="js/myjs.js" ></script>
	<link rel="stylesheet" href="css/rest.css" />
	<link rel="stylesheet" href="css/style.css" />
	<body>
<div id="header">
	<div class="contwidth">
	<a href="#nogo" class="logo"><img src="//misc.360buyimg.com/lib/img/e/logo-201305.png"</a>
	<div class="search"><input type="text" id="inputSearch" class="" value="输入商品名称"></div>
	<div class="mainNav" id="nav">
		<ul class="nav">
			<li>
			<a href="#">品牌</a>
			<div class="jnNav">
				<div class="subitem">
					<dl>
						<dt><a href="#">积分</a></dt>
						<dd><a href="#">积分</a></dd>
					</dl>
				</div>
			</div>
			</li>
			<li>
			<a href="#">品牌1</a>
			<div class="jnNav" style="display: none;">
				<div class="subitem">
					<dl>
						<dt>asd</dt>
						<dd>asd</dd>
					</dl>
				</div>
			</div>
			</li>
			<li>
			<a href="#">品牌2</a>
			<div class="jnNav" style="display: none;">
				<div class="subitem">
					<dl>
						<dt></dt>
						<dd></dd>
					</dl>
				</div>
			</div>
			</li>
			<li>
			<a href="#">品牌3</a>
			<div class="jnNav" style="display: none;">
				<div class="subitem">
					<dl>
						<dt></dt>
						<dd></dd>
					</dl>
				</div>
			</div>
			</li>
			<li>
			<a href="#">品牌4</a>
			<div class="jnNav" style="display: none;">
				<div class="subitem">
					<dl>
						<dt></dt>
						<dd></dd>
					</dl>
				</div>
			</div>
			</li>
			<li>
			<a href="#">品牌5</a>
			<div class="jnNav" style="display: none;">
				<div class="subitem">
					<dl>
						<dt></dt>
						<dd></dd>
					</dl>
				</div>
			</div>
			</li>
		</ul>
	</div>
	</div>
</div>
<div id="content">
	<div class="janeshop">
		<div id="jnCatalog">
			<h2 title="商品分类">商品分类</h2>
			<div class="jnCatainfo">
				<h3>推荐品牌</h3>
				<ul>
					<li><a href="#nogo">耐克</a></li>
					<li><a href="#nogo" class="promoted">阿迪达斯</a></li>
					<li><a href="#nogo">达芙妮</a></li>
					<li><a href="#nogo">李宁</a></li>
					<li><a href="#nogo">安踏</a></li>
					<li><a href="#nogo">奥康</a></li>
					<li><a href="#nogo" class="promoted">骆驼</a></li>
					<li><a href="#nogo">特步</a></li>
				</ul>
				<br class="clear"/>
				<h3>推荐品牌</h3>
				<ul>
					<li><a href="#nogo">耐克</a></li>
					<li><a href="#nogo" class="promoted">阿迪达斯</a></li>
					<li><a href="#nogo">达芙妮</a></li>
					<li><a href="#nogo">李宁</a></li>
					<li><a href="#nogo">安踏</a></li>
					<li><a href="#nogo">奥康</a></li>
					<li><a href="#nogo" class="promoted">骆驼</a></li>
					<li><a href="#nogo">特步</a></li>
				</ul>
				<br class="clear"/>
				<h3>推荐品牌</h3>
				<ul>
					<li><a href="#nogo">耐克</a></li>
					<li><a href="#nogo" class="promoted">阿迪达斯</a></li>
					<li><a href="#nogo">达芙妮</a></li>
					<li><a href="#nogo">李宁</a></li>
					<li><a href="#nogo">安踏</a></li>
					<li><a href="#nogo">奥康</a></li>
					<li><a href="#nogo" class="promoted">骆驼</a></li>
					<li><a href="#nogo">特步</a></li>
				</ul>
				<br class="clear"/>
				</div>
				
			</div>
		<div id="jnImageroll">
			<a href="#nogo" id="JS_imgWrap">
				<img src="img/abv.jpg " alt="相约情人节"  width="550px"/>
				<img src="img/abv.jpg " alt="相约情人节1"  width="550px"/>
				<img src="img/abv.jpg " alt="相约情人节2"  width="550px"/>
				<img src="img/abv.jpg " alt="相约情人节3"  width="550px"/>
				<img src="img/abv.jpg " alt="相约情人节4"  width="550px"/>
			</a>
			<div>
				<a href="###1"><em>相约情人节</em><em>全场119元起</em></a>
				<a href="###1"><em>相约情人节1</em><em>全场119元起1</em></a>
				<a href="###1"><em>相约情人节2</em><em>全场119元起2</em></a>
				<a href="###1"><em>相约情人节3</em><em>全场119元起3</em></a>
				<a href="###1"><em>相约情人节4</em><em>全场119元起4</em></a>
			</div>
		</div>
		<div id="jnNotice">
			<div id="jnMiaosha">
				<a href="#nogo" class="JS_css3"><img src="img/abv.jpg" width="230px" height="176px"></a>
			</div>
		
		<div id="jnNoticeInfo">
			<h2 title="最新动态">最新动态</h2>
			<ul>
				<li><a href="###1" class="tooltip" title="活动">活动迎春大促</a></li>
				<li><a href="###1" class="tooltip" title="活动">活动迎春大促</a></li>
				<li><a href="###1" class="tooltip" title="活动">活动迎春大促</a></li>
				<li><a href="###1" class="tooltip" title="活动">活动迎春大促</a></li>
			</ul>
			<br class="clear" />
		</div>
		</div>
		<div id="jnBrand">
			<div id="jnBrandTab">
				<h2 title="品牌活动">品牌活动</h2>
				<ul>
					<li><a title="运动" href="#nogo">运动</a></li>
					<li><a title="鞋子" href="#nogo">运动</a></li>
					<li><a title="男鞋" href="#nogo">运动</a></li>
					<li><a title="App" href="#nogo">运动</a></li>
				</ul>
			</div>
			<div id="jnBrandContent">
				<div id="jnBrandList">
					<ul>
						<li>
							<a href="###1" class="Js_live"><img src="img/abv.jpg" height="150px"></a>
							<span><a href="###1">耐克</a></span>
						</li>
						<li>
							<a href="###1" class="Js_live"><img src="img/abv.jpg" height="150px"></a>
							<span><a href="###1">耐克</a></span>
						</li>
						<li>
							<a href="###1" class="Js_live"><img src="img/abv.jpg" height="150px"></a>
							<span><a href="###1">耐克</a></span>
						</li>
						<li>
							<a href="###1" class="Js_live"><img src="img/abv.jpg" height="150px"></a>
							<span><a href="###1">耐克</a></span>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
</div>
	</body>
</html>
